<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../components/css/common.css" media="all">
    <style type="text/css">
        .space a {
            display: inline-block;
            padding: .5em 1em;
            background-color: #cad5eb;
        }

        .space {
            font-size: 0;
            -webkit-text-size-adjust: none;
        }

        .space a {
            font-size: 12px;
            *margin-left: -1px;
        }
    </style>
</head>
<body>
<div class="wrap2 m10a tsG">
    <div class="p10">
        <h2 class="title">被变成的inline-block元素</h2>
        <span class="description">
            利用font-size:0; <br>
            个人感觉这个方法不错的。 <br>
            ie7下有问题 <br>
            我的办法 ：*margin-left: -1px; <br>
            经过测试safari下bug依然 <br>
            此方法问题太多margin-left:-的方式，传说也是很霸道。

        </span>

        <div class="space">
            <a href="#">惆怅</a>
            <a href="#">淡定</a>
            <a href="#">热血</a>
        </div>
    </div>
</div>
</body>
</html>